var indexModel = new Vue({
  el: '#app',
  data: {
    loading: false,
    statObj: {
      dwTotal: '',
      zwTotal: '',
      rsTotal: ''
    },
    searchValue: '',
    bannerList: [],
    noticesList: [],
    activeityList: [],
    companyList: [],
    jobList: []
  },
  computed: {
  },
  methods: {
    // 获取统计数据
    initStatistics() {
      // ....赋值
      this.statObj = {
        dwTotal: 34,
        zwTotal: 129,
        rsTotal: 3405
      }
    },
    // 获取banner数据
    initBanner() {
      // ....赋值
      this.bannerList =  [
        {
          imgUrl: './images/ba_ad_01.png',
          path:'#'
        },
        {
          imgUrl: './images/ba_ad_01.png',
          path:'#'
        },
        {
          imgUrl: './images/ba_ad_01.png',
          path:'#'
         }
      ]
    },
    // 获取公告数据
    initNotives() {
      // ....赋值
      this.noticesList = [
        {
          title: '2022年郴州市新天地投资有限公司社聘公告.',
          path:'#'
        },
        {
          title: '2023年郴州市新天地投资有限公司社聘公告',
          path:'#'
        },
        {
          title: '2022年郴州市新天地投资有限公司社聘公告',
          path:'#'
        },
        {
          title: '2022年郴州市新天地投资有限公司社聘公告',
          path:'#'
        },
        {
          title: '2022年郴州市新天地投资有限公司社聘公告',
          path:'#'
        },
        {
          title: '2022年郴州市新天地投资有限公司社聘公告',
          path:'#'
         }
      ]
    },
    // 获取活动数据
    initActiveity() {
      const res = [
        {
          imgUrl: './images/ba_ad_01.png',
          title: '凝聚青春力量服务三高四新“湖南省引进毕业生网络交流会”',
          time:'2024.07.04 16:30-18:30',
          path:'#'
        },
        {
          imgUrl: './images/ba_ad_01.png',
          title: '凝聚青春力量服务三高四新“湖南省引进毕业生网络交流会”',
          time:'2024.07.04 16:30-18:30',
          path:'#'
        },
        {
          imgUrl: './images/ba_ad_01.png',
          title: '凝聚青春力量服务三高四新“湖南省引进毕业生网络交流会”',
          time:'2024.07.04 16:30-18:30',
          path:'#'
        },
        {
          imgUrl: './images/ba_ad_01.png',
          title: '凝聚青春力量服务三高四新“湖南省引进毕业生网络交流会”',
          time:'2024.07.04 16:30-18:30',
          path:'#'
        },
        {
          imgUrl: './images/ba_ad_01.png',
          title: '凝聚青春力量服务三高四新“湖南省引进毕业生网络交流会”',
          time:'2024.07.04 16:30-18:30',
          path:'#'
        },
        {
          imgUrl: './images/ba_ad_01.png',
          title: '凝聚青春力量服务三高四新“湖南省引进毕业生网络交流会”',
          time:'2024.07.04 16:30-18:30',
          path:'#'
        },
        {
          imgUrl: './images/ba_ad_01.png',
          title: '凝聚青春力量服务三高四新“湖南省引进毕业生网络交流会”',
          time:'2024.07.04 16:30-18:30',
          path:'#'
         }
      ]
      // 把数组分割成4个一组
      this.activeityList = chunkArray(res, 4)
    },
    // 获取实力企业
    initCompany() {
      this.companyList = [
        {
          profileUrl: './images/avater_img.png',
          title: '茶颜悦色长沙门店',
          type: '文化体育娱乐',
          limitation: '1000-9999人',
          jobName: '全职服务员',
          salary: '3-8K',
          salaryNum: '16薪',
          tags:['长沙 开福区', '经验不限', '学历不限', '工作不限']
        },
        {
          profileUrl: './images/avater_img.png',
          title: '茶颜悦色长沙门店',
          type: '文化体育娱乐',
          limitation: '1000-9999人',
          jobName: '全职服务员',
          salary: '3-8K',
          salaryNum: '16薪',
          tags:['长沙 开福区', '经验不限', '学历不限', '工作不限']
        },
        {
          profileUrl: './images/avater_img.png',
          title: '茶颜悦色长沙门店',
          type: '文化体育娱乐',
          limitation: '1000-9999人',
          jobName: '全职服务员',
          salary: '3-8K',
          salaryNum: '16薪',
          tags:['长沙 开福区', '经验不限', '学历不限', '工作不限']
        },
        {
          profileUrl: './images/avater_img.png',
          title: '茶颜悦色长沙门店',
          type: '文化体育娱乐',
          limitation: '1000-9999人',
          jobName: '全职服务员',
          salary: '3-8K',
          salaryNum: '16薪',
          tags:['长沙 开福区', '经验不限', '学历不限', '工作不限']
        },
        {
          profileUrl: './images/avater_img.png',
          title: '茶颜悦色长沙门店',
          type: '文化体育娱乐',
          limitation: '1000-9999人',
          jobName: '全职服务员',
          salary: '3-8K',
          salaryNum: '16薪',
          tags:['长沙 开福区', '经验不限', '学历不限', '工作不限']
        },
        {
          profileUrl: './images/avater_img.png',
          title: '茶颜悦色长沙门店',
          type: '文化体育娱乐',
          limitation: '1000-9999人',
          jobName: '全职服务员',
          salary: '3-8K',
          salaryNum: '16薪',
          tags:['长沙 开福区', '经验不限', '学历不限', '工作不限']
        },
        {
          profileUrl: './images/avater_img.png',
          title: '茶颜悦色长沙门店',
          type: '文化体育娱乐',
          limitation: '1000-9999人',
          jobName: '全职服务员',
          salary: '3-8K',
          salaryNum: '16薪',
          tags:['长沙 开福区', '经验不限', '学历不限', '工作不限']
        }
      ]
    },
    // 获取热门职位
    initJob() {
      this.jobList = [
        {
          title: '监理工程师',
          salary: '3-8K',
          salaryNum: '16薪',
          tags: ['长沙', '5-10年', '本科'],
          profileUrl: './images/avater_img.png',
          companyName: '长沙城市发展集团有限公司',
          tips:['数据服务', 'C轮']
        },{
          title: '监理工程师',
          salary: '3-8K',
          salaryNum: '16薪',
          tags: ['长沙', '5-10年', '本科'],
          profileUrl: './images/avater_img.png',
          companyName: '长沙城市发展集团有限公司',
          tips:['数据服务', 'C轮']
        },{
          title: '监理工程师',
          salary: '3-8K',
          salaryNum: '16薪',
          tags: ['长沙', '5-10年', '本科'],
          profileUrl: './images/avater_img.png',
          companyName: '长沙城市发展集团有限公司',
          tips:['数据服务', 'C轮']
        },{
          title: '监理工程师',
          salary: '3-8K',
          salaryNum: '16薪',
          tags: ['长沙', '5-10年', '本科'],
          profileUrl: './images/avater_img.png',
          companyName: '长沙城市发展集团有限公司',
          tips:['数据服务', 'C轮']
        },{
          title: '监理工程师',
          salary: '3-8K',
          salaryNum: '16薪',
          tags: ['长沙', '5-10年', '本科'],
          profileUrl: './images/avater_img.png',
          companyName: '长沙城市发展集团有限公司',
          tips:['数据服务', 'C轮']
        },{
          title: '监理工程师',
          salary: '3-8K',
          salaryNum: '16薪',
          tags: ['长沙', '5-10年', '本科'],
          profileUrl: './images/avater_img.png',
          companyName: '长沙城市发展集团有限公司',
          tips:['数据服务', 'C轮']
        },{
          title: '监理工程师',
          salary: '3-8K',
          salaryNum: '16薪',
          tags: ['长沙', '5-10年', '本科'],
          profileUrl: './images/avater_img.png',
          companyName: '长沙城市发展集团有限公司',
          tips:['数据服务', 'C轮']
        },
      ]
    },
    handleSearch(val) {
      if(!val) return
      console.log('搜索'+ val)
    },
    // 跳转页面
    toPath(path, name = '_self') {
      // 如果新打开页面第二个参数name请传入 _blank
      window.open(path, name)
    },
    handleInfo(item) {
      /*
      这里可以携带参数跳转
      譬如  window.open(`www.baidu.com?id=${item.id}`, '_self')
      */
      console.log(item)
    },
  },
  created() {
    this.initStatistics()
    this.initBanner()
    this.initNotives()
    this.initActiveity()
    this.initCompany()
    this.initJob()
    console.log(_SERVER)
    /*
    // 映入qs格式化js方法
    axios({
      method: 'post',
      headers: { 'content-type': 'application/x-www-form-urlencoded' },
      url: '/user/12345',
      data: Qs.stringify({
        firstName: 'Fred',
        lastName: 'Flintstone'
      })
    }).then(res=> {
      console.log(res);
    })
    */
    // .catch(err=> {
    //   console.log(err);
    // });
    /* axios 请求示例 http://www.axios-js.com/zh-cn/docs/
    // get
    axios.get('/user?ID=12345').then(res=> {
      console.log(res);
    })
    .catch(err=> {
      console.log(err);
    });
    // post
    axios.post('/user', {
        firstName: 'Fred',
        lastName: 'Flintstone'
      }).then(res=> {
        console.log(res);
      })
      .catch(err=> {
        console.log(err);
      });
    // 自定义模式
    axios({
      method: 'post',
      url: '/user/12345',
      data: {
        firstName: 'Fred',
        lastName: 'Flintstone'
      }
    }).then(res=> {
      console.log(res);
    })
    .catch(err=> {
      console.log(err);
    });
    */
  },
  mounted() {
    this.loading = true
    Vue.nextTick(() => {
      this.loading = false
    })
  }
    
});